<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../reset.css">
    <style>
        body {
            background-color: black;
        }

        .img-list {
            width: 190px;
            height: 470px;
            overflow: hidden;

            margin: 50px auto;

            background-color: #F4F4F4;
        }

        .img-list img {
            width: 100%;
        }

        .img-list li {
            margin-bottom: 9px;
        }
    </style>
</head>
<body>
<ul class="img-list">
    <li><a href="javascript:;"><img src="./img/jd1.png" alt=""></a></li>
    <li><a href="javascript:;"><img src="./img/jd2.png" alt=""></a></li>
    <li><a href="javascript:;"><img src="./img/jd3.png" alt=""></a></li>
</ul>
</body>
</html>